﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YUI Base Page</title>
<link rel="stylesheet" type="text/css" href="../resource/css/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css"  href="../resource/js/jplayer/skin/jplayer.blue.monday.css" />
<script type="text/javascript" src="../resource/js/jquery.1.9.1.js"></script>
<script type="text/javascript" src="../resource/js/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

	$("#jquery_jplayer_1").jPlayer({
		ready: function () {
			$(this).jPlayer("setMedia", {
				mp3: "../resource/music/default.mp3"
			}).jPlayer("play");
		},
		ended: function (event) {
			$(this).jPlayer("play");
		},
		swfPath: "js",
		supplied: "mp3"
	});
});
//]]>
</script>

<script language="javascript">
		  function display(arg){
				if(arg==1){
				$("#main_iframe").attr("src","component/card.php");
				}
				if(arg==2){
				$("#main_iframe").attr("src","component/photo.php");
				}
				if(arg==3){
					$("#main_iframe").attr("src","component/map.php");
					}
				};
   </script>
</head>
<body class="yui-skin-sam" style="height: 980px;>
	<div id="doc" class="yui-t7">
		<div id="hd" role="contentinfo">
		<div id="jquery_jplayer_1"></div>
		</div>
		<div id="bd" role="application">
			<div class="yui-g pt10">
				<div>
					<iframe class="main-iframe" id="main_iframe"
						src="component/card.php"></iframe>
				</div>
				<div id="navigation-contain">
					<ul>						
						<li class="first"><a onclick="display(1)" href="#">邀请函</a>
						
						<li><a onclick="display(2)" href="#">相册</a>
						
						<li><a onclick="display(3)" href="#">路线</a>
					
					</ul>
				</div>
			</div>

			<div id="ft" role="navigation"></div>
		</div>

</body>
</html>
